ul {
  list-style: none;
}
// font
.element-doc .demo-typo-font-siz table td {
  border: none;
}
.element-doc .tip {
  font-size: 14px;
  color: #5e6d82;
}
// border
.demo-radius .radius {
  height: 40px;
  border: 0.5px solid #c4c8cf;
  margin: 10px 0;
}
.demo-shadow,
.demo-shadow-text {
  height: 60px;
  margin: 20px 0;
}
// color
.demo-color-box {
  margin: 20px 0;
  line-height: 60px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 2px;
  overflow: hidden;
}
.bg-color-sub {
  display: flex;
}
.bg-blue-sub-item,
.bg-success-sub-item {
  flex: 1;
  height: 30px;
  padding: 5px 0;
}
.bg-blue-sub-item:nth-child(odd) {
  opacity: 0.8;
}
.bg-blue-sub-item:nth-child(even) {
  opacity: 0.2;
}
.bg-success-sub-item:nth-child(even) {
  opacity: 0.8;
}
.bg-success-sub-item:nth-child(odd) {
  opacity: 0.2;
}

.filter-form {
  .el-form-item {
    margin-bottom: 16px !important;
    margin-right: 16px !important;
  }
  .el-form-item__label {
    padding: 0 !important;
  }
  .el-form-item__content {
    width: 200px;
    .el-input,
    .el-select {
      width: 100%;
    }
  }
  &.filter-form2 {
    .el-form-item__content {
      width: 190px;
    }
  }
}
